<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.bien.pagina.titulo']}" /></h3>
	</ui:define>
	<ui:define name="content">
		<h:outputScript library="primefaces" name="jquery/jquery.js" target="head"/>
		<h:form id="formBien">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			<p:toolbar id="toolbar">
				<p:toolbarGroup align="left">
					<p:commandButton id="btnRefrescar" value="#{i18n['label.refrescar']}" icon="ui-icon-arrowrefresh-1-w" 
						actionListener="#{bienController.refrescarFormulario}" process="@this,pnlBuscarBien"
						update="pnlMessages,tablaBienes,pnlBuscarBien,toolbar"/>
					<p:commandButton id="btnNuevoBien" value="#{i18n['label.insertar']}" icon="ui-icon-disk"
						actionListener="#{bienController.resetControllerCatalogoValues}" update=":formNuevoBien:pnlNuevoBien" oncomplete="dlgNuevoBien.show()"/>
					<p:commandButton id="btnExcel" value="#{i18n['label.exportar.excel']}" ajax="false"
						icon="exportExcel" disabled="#{empty bienDataManager.listVistaBien}">
						<p:dataExporter type="xls" target="tablaBienes" fileName="productos" postProcessor="#{bienController.postProcessXLS}"/>
					</p:commandButton>
					<!-- <p:commandButton id="btnPDF" value="#{i18n['label.exportar.pdf']}" ajax="false"
						actionListener="#{bienController.exportPDF('tablaBienes', 'bienes')}"
						icon="exportExcel" disabled="#{empty bienDataManager.listVistaBien}">
						<p:dataExporter type="pdf" target="tablaBienes" fileName="productos" preProcessor="#{bienController.preProcessPDF}"/>
					</p:commandButton> -->
				</p:toolbarGroup>
			</p:toolbar>
			<p:panel id="pnlBuscarBien" header="#{i18n['erp.bien.buscar']}">
				<table class="formulario">
					<tr>
						<td width="15%">
							<h:outputLabel for="txtNombre" value="#{i18n['erp.bien.nombre']}" /></td>
						<td width="85%">
							<p:inputText id="txtNombre" style="width: 50%"
								value="#{bienDataManager.vistaBienBuscar.bieNombre}" />
						</td>
					</tr>
					<!-- <tr>
						<td width="30%">
							<h:outputLabel for="selectTipoIngresoBien" value="#{i18n['erp.bien.tipo.transaccion']}" />
						</td>
						<td width="70%">
							<p:selectOneMenu id="selectTipoIngresoBien"
								style="width: 100%" label="#{i18n['erp.bien.categoria']}"
								value="#{bienDataManager.idDcTipoBienSelec}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}" noSelectionOption="true"/>
								<f:selectItems value="#{bienDataManager.dcTipoBien}"/>
							</p:selectOneMenu>
						</td>
					</tr> -->
					<tr>
						<td>
							<h:outputLabel for="selectCategoria" value="#{i18n['erp.bien.categoria']}" />
						</td>
						<td>
							<p:selectOneMenu id="selectCategoria"
								style="width: 50%" label="#{i18n['erp.bien.categoria']}"
								value="#{bienDataManager.idCategoriaBienBuscarSeleccionado}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}" noSelectionOption="true"/>
								<f:selectItems value="#{bienController.dcCategoriaBien}"/>
								<p:ajax event="change" process="@this" update="txtLinea" listener="#{bienController.cargarDcLineaBien(bienDataManager.idCategoriaBienBuscarSeleccionado)}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtLinea" value="#{i18n['erp.bien.linea']}" />
						</td>
						<td>
							<p:selectOneMenu id="txtLinea"
								style="width: 50%" label="#{i18n['erp.bien.linea']}"
								value="#{bienDataManager.idLineaBienSeleccionado}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{bienController.dcLineaBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<!-- <tr>
						<td><h:outputLabel for="inputEstado" value="#{i18n['label.estado']}"/></td>
						<td>
							<p:selectOneMenu id="inputEstado" value="#{bienDataManager.vistaBienBuscar.bieEstado}">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}" noSelectionOption="true"/>
								<f:selectItem itemLabel="#{i18n['label.estado.activo']}" itemValue="#{bienDataManager.estadoActivo}"/>
								<f:selectItem itemLabel="#{i18n['label.estado.inactivo']}" itemValue="#{bienDataManager.estadoInactivo}"/>
							</p:selectOneMenu>
						</td>
					</tr> -->
				</table>
			</p:panel>
			<p:panel id="botonesBuscar">
				<p:commandButton id="btnBuscar"
					actionListener="#{bienController.buscarBienes}"
					value="#{i18n['label.buscar']}" 
					process="@this,pnlBuscarBien"
					update="pnlMessages,tablaBienes,pnlBuscarBien,toolbar" />
				<p:commandButton id="btnLimpiar"
					actionListener="#{bienController.limpiarFiltrosBusqueda}"
					value="#{i18n['label.limpiar']}" 
					process="@this,pnlBuscarBien" 
					update="pnlMessages,tablaBienes,pnlBuscarBien,toolbar" />
			</p:panel>
			<p:dataTable id="tablaBienes"
				value="#{bienDataManager.listVistaBien}"
				var="vistaBien" rowIndexVar="rowIndex"
				paginator="true" rows="5" paginatorPosition="bottom"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15">
				<f:facet name="header">
					<h:outputText value="#{i18n['erp.bien.lista']}" />
				</f:facet>
				<p:column styleClass="centered" width="5%">
					<f:facet name="header">
						<h:outputText value="#" />
					</f:facet>
					<h:outputText value="#{rowIndex+1}"/>
				</p:column>
				<p:column width="10%">
					<f:facet name="header">
						<h:outputText value="#{i18n['erp.bien.categoria']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.catBienNombre}" />
				</p:column>
				<p:column width="10%">
					<f:facet name="header">
						<h:outputText value="#{i18n['erp.bien.linea']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.linBienNombre}" />
				</p:column>
				<p:column width="10%">
					<f:facet name="header">
						<h:outputText value="#{i18n['erp.bien.marca.material']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.marBienNombre}" />
				</p:column>
				<p:column width="10%">
					<f:facet name="header">
						<h:outputText value="#{i18n['erp.bien.modelo']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.bieModelo}" />
				</p:column>
				<p:column width="10%">
					<f:facet name="header">
						<h:outputText value="#{i18n['erp.bien.color']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.bieColor}" />
				</p:column>
				<p:column width="10%" styleClass="centered">
					<f:facet name="header">
						<h:outputText value="#{i18n['label.estado']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.bieEstado eq bienDataManager.estadoActivo ? i18n['label.estado.activo']:i18n['label.estado.inactivo']}" />
				</p:column>
				<p:column width="10%" styleClass="centered">
					<f:facet name="header">
						<h:outputText value="#{i18n['label.en.uso']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.bieEstadoUso eq bienDataManager.estadoActivo ? i18n['label.si']:i18n['label.no']}" />
				</p:column>
				<p:column width="15%">
					<f:facet name="header">
						<h:outputText value="#{i18n['erp.bien.nombre']}" />
					</f:facet>
					<h:outputText value="#{vistaBien.bieNombre}" />
				</p:column>
				<p:column headerText="#{i18n['label.opciones']}" styleClass="centered" width="10%" exportable="false">
					<!-- solo se debe editar bienes activos -->
					<h:panelGroup rendered="#{vistaBien.bieEstado eq bienDataManager.estadoActivo}">
						<p:commandLink styleClass="no-decor"
							title="#{i18n['label.editar']}" process="@this"
							oncomplete="dlgEditarBien.show()" update=":formEditarBien:pnlEditarBien"
							action="#{bienController.asignarDatosBienDesdeVista(vistaBien)}">
							<h:graphicImage value="/resources/img/edit.png" alt="#{i18n['label.editar']}"/>
						</p:commandLink>
					</h:panelGroup>
					<h:panelGroup>
						<p:commandLink value=" Trazabilidad" title="Trazabilidad"
							action="#{bienController.obtenerTrazabilidadBien}"
							oncomplete="dlgTrazabilidadVistaBien.show()" update=":formTrazabilidadVistaBien:pnlTrazabilidadVistaBien">
							<f:setPropertyActionListener target="#{bienDataManager.vistaBienEditar}" value="#{vistaBien}"/>
						</p:commandLink>
					</h:panelGroup>
				</p:column>
			</p:dataTable>
		</h:form>
		
		<ui:include src="dialogNuevoBien.xhtml" />
		<ui:include src="dialogEditarBien.xhtml" />
		<ui:include src="dialogTrazabilidadVistaBien.xhtml" />
		
	</ui:define>
</ui:composition>